<html>

<head>
    <title>Sticky Note</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css"></link>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous">
    </script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link rel="shortcut icon" type="image/png" href="./img/notes.png" />
</head>

<body>
    <header>
        <div class="container">
            <div id="header">
                <h1><i class="fas fa-sticky-note"></i> Sticky Notes</h1>
            </div>
        </div>
    </header>
    <div>
        <ul>
            <li>
                <a href="#" contenteditable="true">
                    <h2>Title #1</h2>
                    <p>Text Content #1</p>
                </a>
            </li>
            <li>
                <a href="#" contenteditable="true">
                    <h2>Title #2</h2>
                    <p>Text Content #2</p>
                </a>
            </li>
            <li>
                <a href="#" contenteditable="true">
                    <h2>Title #3</h2>
                    <p>Text Content #3</p>
                </a>
            </li>
            <li>
                <a href="#" contenteditable="true">
                    <h2>Title #4</h2>
                    <p>Text Content #4</p>
                </a>
            </li>
            <li>
                <a href="#" contenteditable="true">
                    <h2>Title #5</h2>
                    <p>Text Content #5</p>
                </a>
            </li>
            <li>
                <a href="#" contenteditable="true">
                    <h2>Title #6</h2>
                    <p>Text Content #6</p>
                </a>
            </li>
            <li>
                <a href="#" contenteditable="true">
                    <h2>Title #7</h2>
                    <p>Text Content #7</p>
                </a>
            </li>
            <li>
                <a href="#" contenteditable="true">
                    <h2>Title #8</h2>
                    <p>Text Content #8</p>
                </a>
            </li>
        </ul>
    </div>
    <script src="./js/script.js"></script>
</body>

</html>